@import "../../../../node_modules/bootstrap-datetime-picker/css/bootstrap-datetimepicker.min";

.tar-add-todo {
    background-color: #e7e7e7;
    margin-bottom: 10px;
    border-radius: 4px;
    display: none;

    .t-td-content,
    .tar-todo-content {
        width: 100% !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .t-ctl-tddesc {
        width: 100%;
        resize: none;
        margin-top: 10px;
        display: none;
    }

    > form {
        padding-left: 0;
        padding-right: 0;

        > .form-group {
            padding-left: 2px;
            padding-right: 2px;

            > input {
                width: 100%;
            }
        }
    }
}

.tar-todo-list {
    padding-left: 0;

    li {
        margin-bottom: 1rem;

        .t-ctl-pertodo {
            z-index: 3;
        }

        .tar-todo-content {
            overflow: hidden;
            text-align: left;

            .t-todo-title {
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-right: 15px;
            }
        }
    }

    .t-tdlst-desc {
        padding: 0 30px;
        display: none;

        textarea {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            margin-left: -2px;
            margin-top: -2px;
            z-index: 2;
        }

        textarea[readonly] {
            background-color: #fff;
            z-index: 2;
        }
    }
}


.tar-btn-select {
    padding-left: 0;
    padding-right: 0;

    select {
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        border: 0;
        font-size: 12px;
    }
}